<template>
	<view>
		<view v-for="(item,index) in estateExport" :key="index" class="d-flex flex-column border-bottom border-top" style="padding: 40upx;">
			<view class="d-flex a-center" style="height: 80upx;">
				<image :src="item.headImage" style="width: 76upx;height: 76upx;border-radius: 38upx;" mode=""></image>
				<view class="d-flex flex-column" style="margin-left: 10upx;">
					<view class="d-flex a-center" style="height: 44upx;line-height: 44upx;">
						<text class="export-title" v-if="item.name">{{item.name}}</text>
						<image src="../../../static/images/estate/award.png" style="width: 28upx;height: 28upx;" mode=""></image>
					</view>
					<view class="d-flex">
						<view class="custom-tag" v-for="(item1,index1) in item.tags" :key="index1">
							<text>{{item1}}</text>
						</view>
					</view>
				</view>
			</view>
			<view style="margin-top: 10upx;">
				<div style="font-size: 32upx;" v-html="item.content"></div>
			</view>
			<view class="d-flex j-sb a-center" style="font-size: 24upx;color: #999999;">
				<text>{{item.releaseDate}}</text>
				<view class="d-flex">
					<view style="margin-right: 20upx;">
						<text style="margin-right: 10upx;" class="iconfont icon-pinglun1"></text>
						<text>(0)</text>
					</view>
					<view>
						<text style="margin-right: 10upx;" class="iconfont icon-dianzan1"></text>
						<text>(0)</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniTag from "@/components/uni-ui/uni-tag/uni-tag.vue";
	import uniRate from '@/components/uni-ui/uni-rate/uni-rate.vue';
	import api from '@/common/lib/request.js';
	export default {
		data() {
			return {
				estateExport:[],
				contentId:''
			}
		},
		onLoad(options){
			if(options.contentId){
				this.contentId = options.contentId;
				this.getCommentList()
			}
		},
		components:{
			uniTag,
			uniRate
		},
		methods: {
			getCommentList(){
				let _this = this;
				api.request({
						url: '/lpxx/expert-commentary',
						data: {
							contentId: _this.contentId,
							siteId: 8
						}
					})
					.then(response => {
						console.log(response)
						_this.estateExport = response;
					})
					.catch(err => {
						console.log(err);
					});
			}
		}
	}
</script>

<style scoped>
.comment-item{
	height: 250upx;
	width: 670upx;
	padding: 30upx 40upx;
}
.type-btn{
	background: #FFFFFF;
	border: 2upx solid #333333;
	border-radius: 8upx;
	width: 180upx;
	height: 56upx;
	font-size: 28upx;
}
.type-btn.active{
	background: #005BAD;
	color: #FFFFFF!important;
	border:none
}
.export-title{
	margin-right:10upx;font-size: 32upx;color: #2A2A2A;font-weight: bold;line-height: 44upx;
}
.estate-title{
	font-size: 32upx;
	color: #333333;
	line-height: 42upx;
}
.custom-tag{
	background: #FFFFFF;
	border: 2upx solid #C9C9C9;
	border-radius: 2upx;
	font-size: 24upx;
	color: #333333;
	text-align: center;
	line-height: 38upx;
	padding: 0 10upx;
	height: 34upx;
	margin-right: 10upx;
}
</style>

